<template>
    <div class="youke">
        <Navs left></Navs>
        <Main>
            <order-detail
                    :avatar="ret.avatar"
                    :mobile="ret.mobile"
                    :type="ret.type"
                    :nickname="ret.nickname"
                    :type-txt="ret.typeTxt"
                    :price="ret.price"
                    :amount="ret.amount"
                    :payment="ret.payment"
                    :time="ret.time">
            </order-detail>
        </Main>
    </div>
</template>

<script>
    import orderDetail from "../common/orderDetail";
    import {Dialog} from 'vant';

    export default {
        data() {
            return {
                show: false,
                ret: {
                    avatar: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1556888117508&di=00b3d841536156a284be153f73bc4927&imgtype=0&src=http%3A%2F%2Fscimg.jb51.net%2Fallimg%2F150709%2F14-150F91543111Z.jpg',
                    nickname: '中领',
                    type: 1,
                    typeTxt: '待收款',
                    mobile: '15017779851',
                    countdown: 20,
                    price: 1.00,
                    amount: 1000,
                    handlingFee: 0,
                    payment: 1000,
                    time: '2019-01-01 12：12',
                    pay_time:'(微信支付) 2019-01-01 12：12',
                    payment_img: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1556888117508&di=00b3d841536156a284be153f73bc4927&imgtype=0&src=http%3A%2F%2Fscimg.jb51.net%2Fallimg%2F150709%2F14-150F91543111Z.jpg'
                }
            }
        },
        components: {orderDetail},
    }
</script>

<style scoped lang="less">
    .options {
        margin: 0.5rem auto;

        .rows {
            border: 1px solid red;
            width: 94%;
        }
    }

    .van-dialog{
        bordeR:1px solid red;
        width: 90%;
        img{
            width: 100%;
        }
    }
</style>
